// 我的运动数据
.sportsdata {
    background: #4294ff;
    color: #fff;
    padding: 10px 20px;

    // 返回按钮
    .back {
        font-family: 宋体;
        font-size: 30px;
    }

    // 标题
    .title {
        display: flex;
        justify-content: space-between;
        align-items: center;

        img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }
    }

    // 运动+消耗
    .main1 {
        display: flex;
        padding: 20px 0;
        text-align: center;
        font-size: 18px;
        line-height: 2em;

        div {
            width: 10px;
            flex-grow: 1;

            span {
                font-size: 30px;
            }
        }

        div:first-child {
            border-right: 1px dashed #fff;
        }
    }

    //累积天数
    .main2 {
        display: flex;
        justify-content: space-between;
        text-align: center;
        line-height: 1.5em;
        padding: 15px 0;

        span {
            display: block;
        }
    }
}

// 图表样式
.chart {
    margin: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 200px;
}